<template>
	<div class="tabs">
		<el-checkbox-group v-model="form">
			<el-checkbox-button
				v-for="item in options"
				:label="item.label"
				:key="item.label"
			>{{item.name}}</el-checkbox-button>
		</el-checkbox-group>
	</div>
</template>

<script>
	import vModelMixins from "../../../../utils/mixins/vModelMixins";
	export default {
		name: "tabs",
		mixins: [vModelMixins],
		components: {},
		props: {},
		data() {
			return {
				options: [
					{
						name: "系统状态",
						label: 1
					},
					{
						name: "视频 | 声光",
						label: 2
					},
					{
						name: "系统警告",
						label: 3
					}
				]
			};
		},
		watch: {},
		computed: {},
		methods: {},
		created() {},
		mounted() {}
	};
</script>
<style lang="scss" scoped>
	.tabs {
		/deep/.el-checkbox-button {
			width: 33.3%;
		}
		/deep/.el-checkbox-button__inner {
			width: 100%;
			color: #999;
			border: 1px solid #dcdfe6 !important;
		}
		/deep/.el-checkbox-button.is-checked .el-checkbox-button__inner {
			color: #333;
			background-color: #fff;
			box-shadow: none;
		}
	}
</style>